// 导入全局样式文件
// main.css 通常包含应用的全局样式、基础样式重置或通用样式定义
// 导入后，这些样式会作用于整个应用
import './assets/main.css'

// 从 Vue 中导入创建应用的函数
import { createApp } from 'vue'

// 导入根组件 App
// 这里的 App 是应用的入口组件，路径为 './components/ComponentUse.vue'
import App from './components/ScopeSlot.vue'

// 导入要注册为全局组件的组件
// GlobalComponents 是组件名，对应文件路径为 './components/GlobalComponentUse.vue'
// import GlobalComponents from './components/GlobalComponentUse.vue';

// 创建 Vue 应用实例
// 将根组件 App 作为参数传入 createApp
const app = createApp(App);

// 全局注册组件
// 第一个参数是组件的名称（字符串），在模板中使用时需用此名称
// 第二个参数是导入的组件对象
// 注册后，<GlobalComponents/> 可以在应用的任何组件模板中直接使用，无需再次导入
// app.component('GlobalComponents', GlobalComponents);

// 将应用实例挂载到 DOM 元素上
// #app 是指 HTML 中 id 为 'app' 的元素，应用会渲染到该元素内部
app.mount('#app')